/* css3 */

.anim {
  transition: all 1s;
}

.anim.show {
  /* opacity: 1; */
  animation: fadeIn 1s forwards;
}

.anim.hide {
  /* opacity: 0; */
  animation: fadeOut 1s forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    color: #0F0;
  }
  100% {
    opacity: 1;
    color: #00F;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
    color: #00F;
  }
  30% {
    opacity: 0.3;
    color: #FF0;
  }
  50% {
    opacity: 0.5;
    color: #F00;
  }
  100% {
    opacity: 0;
    color: #0F0;
  }
}